<template>
	<div class="mt-30px">
			<p class="text-#86909C">交易条款(选填）</p>
			<div class="relative mt-10px">
				<el-input style="width: 100%;" :rows="6" type="textarea" />
				<p class="text-#000000 text-18px absolute right-10px bottom-10px">0/1000</p>
			</div>
			<p class="text-#86909C mt-10px">订单自动消息（选填）</p>
			<div class="relative mt-10px">
				<el-input style="width: 100%;" :rows="6" type="textarea" />
				<p class="text-#000000 text-18px absolute right-10px bottom-10px">0/1000</p>
			</div>
			<p class="font-bold text-18px mt-20px">状态</p>
			<div class="mt-10px">
				<el-radio-group v-model="radio">
					<el-radio value="1" size="large">立即上线</el-radio>
					<el-radio value="2" size="large">稍后手动上线</el-radio>
				</el-radio-group>
			</div>
		<div class="mt-60px flex justify-between">
			<el-button type="primary" color="#E5E6EB" style="width:47%;height:50px;font-size: 18px;" @click="backClick">
				上一步
			</el-button>
			<el-button type="primary" color="#114CEE" style="width:47%;height:50px;font-size: 18px;">
				发布
			</el-button>
		</div>
	</div>
</template>
<script lang="ts" setup>
import {ref} from 'vue';

interface IProps {
	methods: 'pay' | 'sell';
}

const props = defineProps<IProps>();

const emits = defineEmits([ 'back']);

const radio = ref<"1" | "2">("1");

const backClick = () => {
	emits('back', false);
}
</script>
